@import "../../common/styles/globalStyle.scss";


.goods-card {
  height: vw(180);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: vw(20) 0;
  overflow: hidden;
  .van-image {
    height: 100%;
    width: vw(180);
  }

  .goods-info {
    height: 100%;
    width: vw(380);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 $globalPadding;

    .goods-text {
      text-align: left;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: flex-start;

      .goods-name {
        font-size: vw(26);
      }

      .goods-sales {
        font-size: vw(22);
        color: #3f3f3f;
      }

      .goods-money {
        .goods-money-units {
          font-size: vw(12);
          color: #e64f38;
        }

        .goods-money-number {
          font-size: vw(22);
          color: #e64f38;
        }
      }
    }

    .goods-number-button {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      .goods-sub {
        color: #bababa;
        border: 1px solid #bababa;
        background: #fff;
      }

      .goods-number {
        font-size: vw(22);
        padding: vw(10) 0;
      }

      .goods-add {
        background: #ff6800;
        color: #fff;

      }

      button {
        border: none;
        width: vw(45);
        height: vw(45);
        border-radius: 50%;
        font-size: vw(30);
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }

    p {
      margin: 0;
    }
  }
}
